@charset "utf-8";

// a {
// 	text-decoration: none;
// 	color: #000;
// 	outline: none;
// }
// a:focus {
// 	outline: none;
// }
select::-ms-expand {
 display: none;
}
/* 去除Chrome等浏览器文本框默认发光边框 */
input:focus, textarea:focus {
	outline: none;
}

/* 去除IE10+浏览器文本框后面的小叉叉 */
input::-ms-clear {
 display: none;
}
/* 禁止多行文本框textarea拖拽 */
textarea {
	resize: none;
}
/*全部英文字符下自动换行*/
p {
	word-break: break-all;
}

/*chrome表单自动填充去掉input黄色背景*/
input:-webkit-autofill {
 background-color: #FAFFBD;
 background-image: none;
 color: #000;
}
/* 禁止长按链接与图片弹出复制图片菜单 */
a, img {
	-webkit-touch-callout: none;
}
/*禁止长按复制*/
* {
/*-webkit-touch-callout:none;*/ /*系统默认菜单被禁用*/

	/*-webkit-user-select:none;*/ /*webkit浏览器*/

	/*-khtml-user-select:none; /*早期浏览器*/

	/*-moz-user-select:none;*//*火狐*/

	/*-ms-user-select:none; *//*IE10*/
}
/*在 iOS 上，输入框默认有内部阴影 清除输入框内阴影*/
input, textarea {
	border: 0; /* 方法1 */
	-webkit-appearance: none; /* 方法2 */
}

/*文字排版*/
.f12 {
	font-size: 12px;
}
.f13 {
	font-size: 13px;
}
.f14 {
	font-size: 14px;
}
.f15 {
	font-size: 16px;
}
.f20 {
	font-size: 20px;
}
.fb {
	font-weight: bold;
}
.fn {
	font-weight: normal;
}
.t2 {
	text-indent: 2em;
}
.lh150 {
	line-height: 150%;
}
.lh180 {
	line-height: 180%;
}
.lh200 {
	line-height: 200%;
}
.tdu {
	text-decoration: underline;
}
.tdn {
	text-decoration: none;
}
.ttu {
	text-transform: uppercase;
}
.nowrap {
	white-space: nowrap;
}
.breakall {
	word-break: break-all;
}
/* 会截断单词 */
.breakword {
	word-wrap: break-word;
}
/* 不会截断单词 */

/*定位*/
.tl {
	text-align: left;
}
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.bc {
	margin-left: auto;
	margin-right: auto;
}
.fl {
	float: left;
	display: inline;
}
.fr {
	float: right;
	display: inline;
}
.cb {
	clear: both;
}
.cl {
	clear: left;
}
.cr {
	clear: right;
}
.clearfix {
	clear: both;
}
.clearfix::after, .clearfix::before {
	content: "\200B";
	display: block;
	height: 0;
	clear: both;
}
.clearfix {
 *zoom: 1;
}
.vm {
	vertical-align: middle;
}
.vb {
	vertical-align: bottom;
}
.pr {
	position: relative;
}
.pa {
	position: absolute;
}
.abs-right {
	position: absolute;
	right: 0;
}
.zoom {
	zoom: 1;
}
.hidden {
	display: none !important;
	visibility: hidden;
}
.dn {
	display: none;
}
.ofh {
	overflow: hidden;
}
/*字体*/
.fzrem0 {
	font-size: 0.8rem
}
.fzrem {
	font-size: 1rem
}
.fzrem2 {
	font-size: 1.2rem
}
.fzrem3 {
	font-size: 1.3rem
}
.fzrem4 {
	font-size: 1.4rem
}
.fzrem6 {
	font-size: 1.6rem
}
/*定位距离*/
.posi-l0 {
	left: 0px;
}
.posi-l5 {
	left: 5px;
}
.posi-l10 {
	left: 10px;
}
.posi-l20 {
	left: 20px;
}
.posi-l30 {
	left: 30px;
}
.posi-l40 {
	left: 40px;
}
.posi-l50 {
	left: 50px;
}
.posi-l60 {
	left: 60px;
}
.posi-r0 {
	right: 0px;
}
.posi-r10 {
	right: 10px;
}
.posi-r20 {
	right: 20px;
}
.posi-r30 {
	right: 30px;
}
.posi-r40 {
	right: 40px;
}
.posi-t0 {
	top: 0px;
}
.posi-t5 {
	top: 5px;
}
.posi-t10 {
	top: 10px;
}
.posi-t20 {
	top: 20px;
}
.posi-t30 {
	top: 30px;
}
.posi-t40 {
	top: 40px;
}
.posi-t50 {
	top: 50px;
}
.posi-t60 {
	top: 60px;
}
.posi-b0 {
	bottom: 0px;
}
.posi-b10 {
	bottom: 10px;
}
.posi-b20 {
	bottom: 20px;
}
.posi-b30 {
	bottom: 30px;
}
.posi-b40 {
	bottom: 40px;
}
/*定义颜色*/


/*长度高度*/
.h {
	height: 100%;
}
.w {
	width: 100%;
}
.wp9 {
	width: 90%
}
.wp8 {
	width: 80%
}
.wp7b {
	width: 75%
}
.wp7 {
	width: 70%
}
.wp6 {
	width: 60%
}
.wp5 {
	width: 50%
}
.wp4 {
	width: 40%
}
.wp3 {
	width: 30%
}
.wp2 {
	width: 20%
}
.w15 {
	width: 15px;
}
.w10 {
	width: 10px;
}
.w20 {
	width: 20px;
}
.w25 {
	width: 25px;
}
.w30 {
	width: 30px;
}
.w40 {
	width: 40px;
}
.w50 {
	width: 50px;
}
.w60 {
	width: 60px;
}
.w70 {
	width: 70px;
}
.w80 {
	width: 80px;
}
.w90 {
	width: 90px;
}
.w100 {
	width: 100px;
}
.w200 {
	width: 200px;
}
.w250 {
	width: 250px;
}
.w300 {
	width: 300px;
}
.w386 {
	width: 386px;
}
.h10 {
	height: 10px;
}
.h15 {
	height: 15px;
}
.h20 {
	height: 20px;
}
.h40 {
	height: 40px;
}
.h30 {
	height: 30px;
}
.h50 {
	height: 50px;
}
.h80 {
	height: 80px;
}
.h120 {
	height: 120px
}
.h150 {
	height: 150px
}
.h100 {
	height: 100px;
}
.h200 {
	height: 200px;
}
.h400 {
	height: 400px;
}
/*边距*/
.m0a {
	margin: 0 auto;
}
.m10 {
	margin: 10px;
}
.m15 {
	margin: 15px;
}
.m30 {
	margin: 30px;
}
.mt5 {
	margin-top: 5px;
}
.mt8 {
	margin-top: 8px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt33 {
	margin-top: 33px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mt100 {
	margin-top: 100px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb100 {
	margin-bottom: 100px;
}
.ml5 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.ml30 {
	margin-left: 30px;
}
.ml40 {
	margin-left: 40px;
}
.ml50 {
	margin-left: 50px;
}
.mr5 {
	margin-right: 5px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr25 {
	margin-right: 25px;
}
.mr30 {
	margin-right: 30px;
}
.mr40 {
	margin-right: 40px;
}
.mr50 {
	margin-right: 50px;
}
.p10 {
	padding: 10px;
}
.p15 {
	padding: 15px;
}
.p30 {
	padding: 30px;
}
.pt5 {
	padding-top: 5px;
}
.pt10 {
	padding-top: 10px;
}
.pt15 {
	padding-top: 15px;
}
.pt20 {
	padding-top: 20px;
}
.pt30 {
	padding-top: 30px;
}
.pt40 {
	padding-top: 40px;
}
.pt50 {
	padding-top: 50px;
}
.pb5 {
	padding-bottom: 5px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb15 {
	padding-bottom: 15px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb30 {
	padding-bottom: 30px;
}
.pb40 {
	padding-bottom: 40px;
}
.pb50 {
	padding-bottom: 50px;
}
.pl5 {
	padding-left: 5px;
}
.pl10 {
	padding-left: 10px;
}
.pl15 {
	padding-left: 15px;
}
.pl20 {
	padding-left: 20px;
}
.pl30 {
	padding-left: 30px;
}
.pl40 {
	padding-left: 40px;
}
.pl50 {
	padding-left: 50px;
}
.pr5 {
	padding-right: 5px;
}
.pr10 {
	padding-right: 10px;
}
.pr15 {
	padding-right: 15px;
}
.pr20 {
	padding-right: 20px;
}
.pr30 {
	padding-right: 30px;
}
.pr50 {
	padding-right: 50px;
}
/*手机适配最大宽度*/
.mhome {
	padding: 0;
	min-width: 300px;
	max-width: 640px;
	margin: 0 auto;
}
/*弹性滑动*/
.naative-auto {
	overflow: auto; /* auto | scroll */
	-webkit-overflow-scrolling: touch;
}

.htcolor {
	color: #333333
}
.txcolor {
	color: #666666
}
.ftcolor {
	color: #999999
}
.color-red {
	color: red !important;
}
.color-black {
	color: black !important;
}
.color-green {
	color: #769b14 !important;
}
/*定义背景颜色*/
.bg-mandarin {
	background: #ff8700;
	color: white;
}
.bg-auburn {
	background: #330007;
	color: white;
}
.bg-fff {
	background: white;
}
/*分割线*/
.bdc-top-c {
	border-top: 1px solid #cccccc
}
.bdc-left-c {
	border-left: 1px solid #cccccc
}
.bdc-right-c {
	border-right: 1px solid #cccccc
}
.bdc-bottom-c {
	border-bottom: 1px solid #cccccc
}
.bdc-top-e5 {
	border-top: 1px solid #e5e5e5
}
.bdc-left-e5 {
	border-left: 1px solid #e5e5e5
}
.bdc-right-e5 {
	border-right: 1px solid #e5e5e5
}
.bdc-bottom-e5 {
	border-bottom: 1px solid #e5e5e5
}
.border-green {
	border: 1px solid #769b14;
}
/*背景颜色e*/
.fground {
	background: #fff
}
.bground {
	background: #f2f2f2
}
/*三角形属性*/
.trian {
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	border: solid 8px;
	_border-style: dotted;
	border-color: #030 #009 #300 #000;
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
/*箭头向上*/
.trian-top {
	border-color: transparent transparent red transparent;
	_border-bottom-style: solid;
}
/*箭头向下*/
.trian-botm {
	border-color: red transparent transparent transparent;
	_border-top-style: solid;
}
/*箭头向左*/
.trian-left {
	border-color: transparent red transparent transparent;
	_border-right-style: solid;
}
/*箭头向右*/
.trian-right {
	border-color: transparent transparent transparent red;
	_border-left-style: solid;
}
/*单行省略......*/
.dwote {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*多行行省略......*/
.dwwo-2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.dwwo-3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

/*精细的border横线*/
.cross-line::after {
	border-top: 1px solid #ccc;
	content: ' ';
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transform-origin: left bottom;
}
.cross-line-color::after {
	border-top: 1px solid #f76900;
	content: ' ';
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transform-origin: left bottom;
}
/*精细的border竖线*/
.rows-line::before {
	border-right: 1px solid #ccc;
	content: ' ';
	display: block;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	-webkit-transform-origin: left bottom;
}
.cross-line::after {
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
}
.rows-line::before {
	-webkit-transform: scaleX(0.5);
	transform: scaleX(0.5);
}

/*css修改placeholder的颜色*/
::-webkit-input-placeholder {
 color: #ccc
}
:-moz-placeholder {
 color: #ccc
}
::-moz-placeholder {
 color: #ccc
}
:-ms-input-placeholder {
 color: #ccc
}
/* =============================布局===============================
  flex：定义布局为盒模型
  flex-v：盒模型垂直布局
  flex-1：子元素占据剩余的空间
  flex-align-center：子元素垂直居中
  flex-pack-center：子元素水平居中
  flex-pack-justify：子元素两端对齐 
  兼容性：ios 4+、android 2.3+、winphone8+
  ============================================================ */
.flexbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
/**
* 伸缩项垂直布局
* 1. 兼容IE mobile下box布局的垂直布局
* 2. 针对box布局的垂直布局
* 3. 针对flex布局的垂直布局
*/
.flexbox-v {
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
/**
* 伸缩项均分空间
* 1. 旧语法
* 2. 最新语法
*/
.flexbox-1 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
.flexbox-2 {
	-webkit-box-flex: 2;
	-webkit-flex: 2;
	-ms-flex: 2;
	flex: 2;
}
.flexbox-3 {
	-webkit-box-flex: 3;
	-webkit-flex: 3;
	-ms-flex: 3;
	flex: 3;
}
/**
* 侧轴居中对齐
* 取值有：flex-start / center / flex-end / stretch（默认）/ baseline
* 1. 旧语法
* 2. IE mobile语法
* 3. 最新语法
*/
.flexbox-align-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
/**
* 主轴居中对齐
* 取值有：flex-start（默认） / center / flex-end / space-between / space-around
* 1. 旧语法
* 2. IE mobile语法
* 3. 最新语法
*/
.flexbox-pack-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
/**
* 主轴两端对齐
* 取值有：flex-start（默认） / center / flex-end / space-between / space-around
* 1. 旧语法
* 2. IE mobile语法
* 3. 最新语法
*/
.flexbox-pack-justify {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
/* 伸缩项溢出折行 */
.flex-wrap {
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
